<template>
    <div class="wel">
        <h1>欢迎进入</h1>
    </div>    
</template>
<script>
export default {
    
}
</script>
<style scoped>
    .wel {
        width: 100%;
        height: 100%;
        background: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Fback_pic%2F05%2F76%2F30%2F965be51ffc18b81.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1635555477&t=676f21035273cbd514bff491db698dd5) no-repeat center;
        background-size: cover;
        position: relative;
    }
    .wel>h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);

        font-size: 30px;
    }
</style>